<template>
	<view class="flex p-3 animated fadeIn faster" :class="border?'border-bottom':''" hover-class="bg-light" @click="$emit('click')">
		<view class="flex align-center text-dark">
			<text class="iconfont" :class="leftIcon"></text>
			<text class="ml-2">{{title}}</text>
		</view>
		<view class="right-box flex align-center ml-auto">
			<slot name="right-text"></slot>
			<text class="iconfont iconjinru font-md text-light-muted ml-1" v-if="isShowArrow"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"user-feature-item",
		props: {
			leftIcon: {
				type: String,
				default: ''
			},
			title:{
				type: String,
				default: ''
			},
			isShowArrow:{
				type:Boolean,
				default:true
			},
			border:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">

</style>